
<div class="portlet box green-haze" ng-controller='attend_report_controller'>
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-bar-chart"></i>Report list
        </div>
        <div class='toolbox'>
			<span get-excel 
				title="export content as excel" 
				data='reports' 
				heads='heads' 
				url='/attendance/getexcel/' 
				class="fa fa-sort-amount-desc toolbtn">
			</span>
	        <!--<img src="[[static_url]]/img/excel.png" width="30" height="30" alt="" class='toolbtn_img'/>-->
        </div>
        
    </div>
    <div class="portlet-body">
	           <!------------ 过滤器---------->
      <div ng-include='"filter_box.html"' onload='search=search'></div>
       
        <table class="table table-striped table-bordered table-hover" id="sample_1">
            <thead>
	            <tr>
		            <th ng-repeat='head in heads '>
			            <span ng-bind='head.label'></span>
			            <span ng-if='head.filter'>
				             <span head-filter 
				             	items='org_reports' 
				             	name='[[head.name]]' 
				             	self='head._filter'>
					            <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
					          </span>
			            </span>
			           <span sort-mark name='head.name' items='reports'></span>
		            </th>
	            </tr>
            </thead>
            <tbody>
	            <tr ng-repeat='report in reports | offset: currentPage*itemsPerPage | limitTo: itemsPerPage'>
		            <td ng-bind='report.empid'></td>
		            <td ng-bind='report.name'></td>
		            <td ng-bind='report.start_date'></td>
		            <td ng-bind='report.due_date'></td>
		            <td ng-bind='report.personal_leave'></td>
		            <td ng-bind='report.sick_leave'></td>
		            <td ng-bind='report.annual_leave'></td>
		            <td ng-bind='report.paid_leave'></td>
		            <td ng-bind='report.swap_off'></td>
		            <td ng-bind='report.late1'></td>
		            <td ng-bind='report.late2'></td>
		            <td ng-bind='report.late3'></td>
		            <td ng-bind='report.late4'></td>
		            <td ng-bind='report.full_attend'></td>
		            <td ng-bind='report.absent'></td>
		            <td ng-bind='report.deduction'></td>
		            <td ng-bind='report.late_team'></td>
		            <td ng-bind='report.late_person'></td>
		            <td ng-bind='report.overtime'></td>
	            </tr>

            </tbody>
        </table>
		<div page-foot per='itemsPerPage' crt='currentPage' items='reports' style='text-align: right;'></div>
    </div>
</div>
